<template>
  <view class="join-container">
    <navbar title="科目一学员福利"></navbar>
    <image :src="settings['mp-weixinKefuHaibao']"
            class="bg-img"
           :show-menu-by-longpress="true"
           :style="{top: topBar.statusBarHeight+ topBar.navbarHeight+'px'}"
           mode="widthFix"></image>
  </view>
</template>

<script>
import Navbar from "../../components/navbar";
import {mapGetters} from 'vuex';
export default {
  components: {Navbar},
  data() {
    return {
    }
  },
  computed:{
    ...mapGetters(['topBar', 'settings']),
  },
  methods:{
    previewImage(e){
      uni.previewImage({
        // 需要预览的图片链接列表。若无需预览，可以注释urls
        urls: [e.target.src],
        // 为当前显示图片的链接/索引值
        current: e.target.src,
        // 图片指示器样式
        indicator:'default',
        // 是否可循环预览
        loop:false,
        // 长按图片显示操作菜单，如不填默认为保存相册
        // longPressActions:{
        // 	itemList:[this.l('发送给朋友'),this.l]
        // },
        success: res => {
          console.log('previewImage res', res);
        },
        fail: err => {
          console.log('previewImage err', err);
        }
      });
    },
  }
}
</script>

<style lang="scss">
page {
  height: 100%;
}
.join-container{
  background-color: #2669fe;
  height: 100%;

  .bg-img{
    width: 750upx;
  }
}
</style>
